export let layoutType = {
  Image: 'Image',
  Video: 'Video',
  Text: 'Text',
  Time: 'Time',
}
export let componentTypeEnum = {
  Image: 'image',
  Video: 'video',
  Text: 'text',
  Time: 'time',
}
/**
 * volume 音量
 * time 播放时长
 * count 投放次数
 * interval 轮播间隔时间
 * scrollType 滚动行为
 * scrollDirection 滚动方向
 */
export let initLayoutData = {
  asideW: 76,
  navH: 62,
  volume: 50,
  time: 10,
  count: 1,
  interval: 3000,
  fontSize: 16,
  color: '#303133',
  backgroundColor: '#ffc06b',
  justifyContent: 'center',
  alignItems: 'center',
  scrollType: '1',
  scrollDirection: 'scrollRight',
  scrollSpeed: 3,
  timeBackgroundColor: '#e0fff8',
  format: 'YYYY-MM-DD',
}
export let componentType = [
  {
    type: layoutType.Image,
    name: '图片',
    icon: '#icon-tupianicon',
    active: true,
    w: 300,
    h: 300,
    z: 0,
    style: {
      fontSize: '16px',
      background: '#e4f0ff',
    },
    advancedConfig: {
      urlList: [
        {
          url: 'https://picsum.photos/300/300',
          id: 1,
        },
      ],
      swiper: false,
      interval: initLayoutData.interval,
    },
    config: {
      className: 'image-active',
      isShowComponent: true,
      key: componentTypeEnum.Image,
      isShowSourceConfig: true,
    },
  },
  {
    type: layoutType.Video,
    name: '视屏',
    icon: '#icon-shiping',
    active: false,
    w: 350,
    h: 350,
    z: 0,
    advancedConfig: {
      urlList: [
        {
          url: 'http://172.16.6.17:9000/jzw-file/mp4/file/1727661575125.mp4',
          id: 4,
        },
      ],
      volume: initLayoutData.volume,
    },
    style: {
      fontSize: '16px',
      background: '#e7ffe7',
    },
    config: {
      className: 'video-active',
      isShowComponent: true,
      key: componentTypeEnum.Video,
      isShowSourceConfig: true,
    },
  },
  {
    type: layoutType.Text,
    name: '文本',
    icon: '#icon-wenzishibie___',
    w: 200,
    h: 60,
    z: 0,
    active: false,
    style: {
      fontSize: '16px',
      background: '#ffc06b',
    },
    advancedConfig: {
      urlList: [],
      fontSize: initLayoutData.fontSize,
      color: initLayoutData.color,
      backgroundColor: initLayoutData.backgroundColor,
      justifyContent: initLayoutData.justifyContent,
      alignItems: initLayoutData.alignItems,
      swiper: false,
      scrollDirection: initLayoutData.scrollDirection,
      scrollType: initLayoutData.scrollType,
      scrollSpeed: initLayoutData.scrollSpeed,
    },
    config: {
      className: 'text-active',
      isShowComponent: true,
      key: componentTypeEnum.Text,
      isShowSourceConfig: true,
    },
  },
  {
    type: layoutType.Time,
    name: '时间',
    icon: '#icon-shijian',
    active: false,
    w: 200,
    h: 100,
    z: 0,
    advancedConfig: {
      urlList: [],
      format: initLayoutData.format,
      fontSize: initLayoutData.fontSize,
      color: initLayoutData.color,
      backgroundColor: initLayoutData.timeBackgroundColor,
      justifyContent: initLayoutData.justifyContent,
      alignItems: initLayoutData.alignItems,
    },
    style: {
      fontSize: '16px',
      background: '#e0fff8',
    },
    config: {
      className: 'time-active',
      isShowComponent: true,
      key: componentTypeEnum.Time,
      isShowSourceConfig: false,
    },
  },
]
export let topNavIcon = [
  {
    title: '左对齐',
    id: 1,
    icon: '#icon-zuoduiqi',
  },
  {
    id: 2,
    title: '居中对齐',
    icon: '#icon-chuizhijuzhong-',
  },
  {
    id: 3,
    title: '右对齐',
    icon: '#icon-youduiqi',
  },
  {
    id: 4,
    title: '居上对齐',
    icon: '#icon-jushangduiqi',
  },
  {
    id: 5,
    title: '居下对齐',
    icon: '#icon-juxiaduiqi',
  },
  {
    id: 6,
    title: '垂直居中',
    icon: '#icon-chuizhijuzhong',
  },
]
